<!--
 * @Author: 亚亚
-->
<!--
 * @Author: 亚亚
-->
<!--
 * @Author: 亚亚
-->
<script setup lang="ts">
defineProps<{
  msg: string
}>()

const btnStr: Ref<string> = ref('123')
</script>

<template>
  <div class="greetings">
    <h1 class="green m-t-30" text-60px>{{ msg }}</h1>
    <span class='i-cib-apple-podcasts'>121231233121</span>
    <el-button m-t-30>{{btnStr}}</el-button>
  </div> 
</template>

<style scoped>

.greetings h1,
.greetings h3 {
  text-align: center;
}

@media (min-width: 1024px) {
  .greetings h1,
  .greetings h3 {
    text-align: left;
  }
}
</style>
